<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>fitness-mine-infor</title>
		<link
			rel="stylesheet"
			href="https://res.wx.qq.com/open/libs/weui/2.3.0/weui.min.css"
		/>
		<script
			src="https://res.wx.qq.com/open/libs/weuijs/1.2.1/weui.min.js"
			charset="utf-8"
		></script>
	</head>
	<body>
		<div class="box">
			<header>
				<span class="back"> &lt; </span>
				个人资料
			</header>

			<main>
				<div class="weui-cells">
					<!-- 头像 -->
					<div class="weui-cell weui-cell_access">
						<span class="weui-cell__bd">
							<span>更换头像</span>
						</span>
						<span class="weui-cell__ft">
							<label>
								<input type="file" style="display: none" id="headsIpt" />
								<img
									src="../../assets/images/dog.jpg"
									alt=""
									class="heads"
									id="headsImg"
									data-value=""
								/>
							</label>
						</span>
					</div>

					<!-- 昵称 -->
					<div
						for="js_input3"
						class="weui-cell weui-cell_active weui-cell_wrap"
					>
						<div class="weui-cell__hd">
							<span class="weui-label">昵称</span>
						</div>
						<div class="weui-cell__bd">
							<input
								class="weui-input"
								type="text"
								placeholder="请设置昵称"
								id="username"
							/>
						</div>
					</div>

					<!-- 性别 -->
					<div class="weui-cell weui-cell_access">
						<span class="weui-cell__bd">
							<span>性别</span>
						</span>
						<span class="weui-cell__ft">
							<div
								id="showPicker"
								role="button"
								aria-haspopup="listbox"
								class="weui-cell weui-cell_active weui-cell_select weui-cell_select-after"
							>
								<div class="weui-cell__hd">
									<label class="weui-label" id="gender" data-value="1"
										>男</label
									>
								</div>
							</div>
						</span>
					</div>

					<!-- 生日 -->
					<div class="weui-cell weui-cell_access">
						<span class="weui-cell__bd">
							<span>生日</span>
						</span>
						<span class="weui-cell__ft" id="birthday">2020-11-11</span>
					</div>

					<!-- 所在省份 -->
					<div class="weui-cell weui-cell_access">
						<span class="weui-cell__bd">
							<span>所在省份</span>
						</span>
						<span class="weui-cell__ft" id="province" data-set="0">四川省</span>
					</div>

					<!-- 所在城市 -->
					<div class="weui-cell weui-cell_access">
						<span class="weui-cell__bd">
							<span>所在城市</span>
						</span>
						<span class="weui-cell__ft" id="city" data-value="0">成都市</span>
					</div>

					<!-- 个人简介 -->
					<div class="weui-cell weui-cell_access">
						<span class="weui-cell__bd">
							<span>个人签名</span>
						</span>
					</div>
				</div>

				<!-- 文本域 -->
				<div class="weui-cell weui-cell_active">
					<div class="weui-cell__bd">
						<textarea
							class="weui-textarea"
							maxlength="20"
							placeholder="多行输入"
							id="text"
						></textarea>
						<div role="option" aria-live="polite" class="weui-textarea-counter">
							<span id="textNum">0</span>/20
						</div>
					</div>
				</div>

				<!-- 按钮 -->
				<button type="button" class="weui-btn weui-btn_primary" id="btn">
					保存信息
				</button>
			</main>

			<!-- <ul>
				<li>
					<span>更换头像</span>
					<span></span>
					<span>&gt;</span>
				</li>
				<li>
					<span>昵称</span>
					<span>用户名&nbsp; &gt;</span>
				</li>
				<li>
					<span>性别</span>
					<span>男&nbsp; &gt;</span>
				</li>
				<li>
					<span>生日</span>
					<span>2020-11-11&nbsp; &gt;</span>
				</li>
				<li>
					<span>所在城市</span>
					<span>四川省 成都市&nbsp; &gt;</span>
				</li>
				<li class="last">
					<span>个人简介</span>
					<span></span>
				</li>
				<textarea placeholder="多行输入"></textarea>

				<p class="btn">
					<button>保存信息</button>
				</p>
			</ul> -->
		</div>
	</body>
</html>
